<template>
<div class="header">
城市选择
<router-link to="/" tag="span" class="iconfont header-back">
&#xe618;
</router-link>
</div>
</template>

<script>
export default {
  name: 'CityHeader'
}
</script>

<style lang="stylus" scoped="scoped">
  @import '~@/assets/css/variable.styl'
  .header
    position relative
    overflow  hidden
    height $width
    line-height $width
    text-align $center
    color #fff
    background $bgcolor
    font-size 0.32rem
    .header-back
       top 0
       position absolute
       left 0
       text-align $center
       color #fff
       width 0.64rem
       font-size 0.4rem
</style>
